<template>
	<div class="item-container">
		<div class="item-header">
			商城自营
		</div>
		<PayItem v-for="goods in goodsInfo"
		:key="goods.goods_id"
		:goods="goods"></PayItem>
	</div>
</template>
<script>
import PayItem from './PayItem'
import { mapMutations, mapGetters, mapActions } from 'vuex'
export default{
	name:'PayList',
	created(){
	},
	computed:{
		...mapGetters({
			goodsInfo: 'pay/goodsInfo',
		}),
	},
	components: {PayItem}
}
</script>
<style lang='less' scoped>
	.item-container{
		margin: .26rem auto;
		width: 100%;
		padding-left: .4rem;
		background: #fff;
	}
	.item-header{
		height: 1.1rem;
		line-height: 1.1rem;
		font-size: .37rem;
		border-bottom: 1px solid #d3d3d3;
	}
</style>